<script setup>
import Top from './components/Top.vue'
import Line from './components/Line.vue'
import ChinaMap from './components/ChinaMap.vue'
import Time from './components/Time.vue'
import FipWeek from './components/Fip_Week.vue'

const prop = defineProps({
    chartdata:Object,
    linkdata:Object
})
const LineData = prop.chartdata.list

</script>


<template>
    <div class="Chart">
        <Top :linkdata="prop.linkdata"></Top>
        <div class="Chart_body">
            <Line :LineData="LineData" :fangwenNum="{pv:prop.chartdata.pv,uip:prop.chartdata.uip}"></Line>
            <ChinaMap :mapData="prop.chartdata.provinceStats"></ChinaMap>
            <Time :dayStats="prop.chartdata.dayStats"></Time>
            <FipWeek :highIp="prop.chartdata.highIpStats" :weekStats="prop.chartdata.weekStats" title="一周分布"></FipWeek>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.Chart_body{
    padding: 40px 20px;
}
</style>